<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>北京宏凯名捷人力资源管理有限公司</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<style type="text/css">
		body{
			overflow-x: hidden;
		}
		.q_nav{
			width: 100%;
			height: 72px;
			line-height: 72px;
			text-align: center;
			background-color: #f4f4f4;
		}
		.q_nav a{
			color: #2a2a2a;
			padding:0 10px;
		}
		.q_nav a.active{
			color: #eeb200;
		}
		.content {
			text-align: center;
			padding-bottom: 50px;
			width: 1200px;
			margin:0 auto;
			position: relative;
		}
		.content h3{
			font-size: 34px;
			text-align: center;
			margin-top:37px;
			margin-bottom:37px;
			color: #00a0ea;
			font-weight: bold;
		}
		.content p{
			text-align: left;
			width: 100%;
			margin: 0 auto;
			line-height: 35px;
			text-indent: 2em;
		}
		.con_con{
			text-align: center;
		}
		.con_con img{
			margin-bottom: 30px;
			float: left;
			margin-right:10px;
		}
		.q_nav a:hover{
			color: #eeb200;
		}
		.con_bottom{
			width: 1200px;
			margin:0 auto;
			position: relative;
    		padding-bottom: 100px;
		}
		.cb_left{
			float: left;
			width: 500px;
			margin-right: 100px;
		}
		.cb_left h5{
			font-size: 18px;
			font-weight: bold;
			text-align: left;
			margin-left: 27px;
			margin-bottom: 20px;
		}
		.leave_word{
			width: 455px;
		    height: 352px;
		    border-radius: 5px;
		    background-color: #e3e3e3;
		    padding: 25px 35px;
		    position: absolute;
		    right: 0;
		    top: -30px;
		}
		.leave_word h4{
			color: #333;
			font-size: 20px;
			text-align: left;
			font-weight: bold;
		}
		.leave_word h5{
			color: #fff;
			opacity: .45;
			font-size: 20px;
		}
		.leave_word input{
			background-color: #fafafa;
			width: 381px;
			height: 36px;
			margin-top: 15px;
			padding-left: 15px;
		}
		.leave_word textarea{
			background-color: #fafafa;
			width: 381px;
			height: 80px;
			margin-top: 15px;
			padding-left: 15px;
			padding-top: 5px;
		}
		.leave_word a{
			width: 142px;
			margin:0 auto;
			display: block;
			margin-top: 15px;
		}
	</style>
</head>
<body>
<div id="header"></div>
<div class="banner">
	<img src="images/gszc_banner.jpg">
</div>                                                
<div class="q_nav">
	<a href="about.html" class="active">新闻中心</a>
</div>
<div class="content">
	<h3>联系我们</h3>
	<div class="con_con clearfix">
		<img src="images/map.jpg">
	</div>
	<div class="con_bottom clearfix">
		<div class="cb_left">
			<h5>联系方式</h5>
			<p>联系电话：010-57235722</p>
			<p>移动电话：18511263456</p>
			<p>投诉邮箱：hongkaimingjie@126.com</p>
			<p>维权邮箱：hongkaimingjie@163.com</p>
			<p>合作邮箱：hongkaimingjie@yeah.net</p>
			<p>地址：北京市石景山区古城西路113号景山财富中心</p>
		</div>
		<div class="cb_right">
			<div class="leave_word">
				<h4>在线留言</h4>
				<!-- <h5>ONLINE CONSULTATION</h5> -->
				<input type="text" name="name" class="name" placeholder="您的姓名">
				<input type="text" name="phone" class="phone" placeholder="您的电话">
				<textarea placeholder="咨询内容" class="text_content" rows="2"></textarea>
				<a href="javascript:void(0);" class="commit"><img src="images/commit.png"></a>
			</div>
		</div>
	</div>
</div>
<div id="footer"></div>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/public.js"></script>
</body>
</html>